---
interface Props {
    link?: string
    title: string
}
const { link, title } = Astro.props
---

{
    link ? (
        <a href={link} target="_blank" class="company company--link">
            {title}
        </a>
    ) : (
        <span class="company">{title}</span>
    )
}

<style>
    .company {
        color: var(--text-color);
    }
    .company--link {
        &:hover {
            color: var(--color, inherit);
        }
    }
</style>
